﻿@charset "utf-8";

/* 	General Elements
---------------------------------------------------------- */
a{color:#666;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

body{
  color: #666;
  font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
  font-size: 84%;
  line-height: 1.5;
}


/* # pageTitleContainer
---------------------------------------------------------------------------- */
#categoryTitleContainer {
  background: url("/common/images/contents_bg.gif") repeat-x center top;
  clear: both;
}

#categoryTitle {
  background: url(../images/bg_page_title.gif) no-repeat 0 0;
  height: 62px;
  margin: 0 auto;
  padding: 28px 0 0 23px;
  width: 937px;
}

/* # topicPath
---------------------------------------------------------------------------- */
.topicPath {
  clear: both;
}

.topicPath ul {
  clear: both;
  margin: 0 auto;
  padding-top: 8px;
  width: 960px;
}

.topicPath ul li {
  float: left;
  padding-right: 4px;
}

.topicPath ul li a {
  background: url(../images/bg_arrow02.gif) no-repeat right 3px;
  padding-right: 10px;
}

/* # mainContainer
---------------------------------------------------------------------------- */
#mainContainer {
  clear: both;
  margin: 15px auto 0;
  text-align: left;
  width: 960px;
}

/* # mainContents
---------------------------------------------------------------------------- */
#mainContents {
  float: right;
  text-align: left;
  width: 716px;
}

.pageTitle {
  background: url(../images/bg_bh01.gif) no-repeat 12px 4px;
  border-bottom: 1px solid #ccc;
  border-top: 5px solid #fe5f03;
  clear: both;
  font-size: 210%;
  font-weight: bold;
  min-height: 48px;
  padding: 6px 0 0 33px;
}

.mfpSection {
  padding-top:30px;
  margin: 0 auto;
  width: 635px;
}

.mfpSection .text {
  padding: 0 20px 8px 28px;
}

.completeText {
  font-weight: bold;
  padding: 17px 20px 8px 28px;
}

.mainTitle {
  margin: 19px 0 12px 0;
}

.note {
  font-size: 90%;
}

.dataTable {
  margin-bottom: 25px;
  width: 100%;
}

.dataTable th,
.dataTable td {
  border: 1px solid #ccc;
  padding: 10px;
}

.dataTable th {
  background: #ffebe0;
  width: 158px;
}

.check {
  border: 1px solid #ccc;
  margin: 40px auto 0;
  width: 600px;
}

.check dt {
  border-bottom: 1px solid #ccc;
  padding: 9px 10px 8px 12px;
}

.check dt span{
  background: #fe5f03;
  color:#fff;
  font-size: 90%;
  margin-left: 5px;
  padding: 4px 5px 2px;
}

.check dd {
  padding: 15px 25px 0;
}

.check dd p {
  padding-bottom: 15px;
}

.check dd input {
  margin-left: 15px;
}

.check dd label {
  padding-right: 25px;
}

.btnList {
  overflow: hidden;
  padding-top: 50px;
  text-align: center;
}

.btnList li {
  display: inline-block;
}

*:first-child + html .btnList li {
  display: inline;
}

a.btn {
  background: url(../images/bg_submit.gif) no-repeat 0 0;
  display: block;
  text-align: center;
  margin-right: 24px;
  padding-top: 6px;
  height: 24px;
  width: 130px;
}

a.btn:hover {
  text-decoration: none;
}

input.btn {
  background: url(../images/bg_submit.gif) no-repeat 0 0;
  border: 0;
  color: #666;
  text-align: center;
  height: 30px;
  width: 130px;
}

input.btn:hover {
  background-position: 0 0!important;
  cursor: pointer;
}

/* # asideContents
---------------------------------------------------------------------------- */
#asideContents {
  float: left;
  width: 228px;
}

.categoryTitleAside {
  background: url(../images/bg_mh02.gif) no-repeat 0 0;
  border-bottom: 1px solid #ccc;
  border-top: 2px solid #fe5f03;
  clear: both;
  font-size: 120%;
  font-weight: bold;
  min-height: 33px;
  padding: 9px 0 0 26px;
}

.lnavi li {
  background: url(../images/bg_dot02.gif) repeat-x 0 bottom;
  padding-bottom: 1px;
}

.lnavi li a {
  background: url(../images/bg_arrow03.gif) no-repeat 10px 11px;
  display: block;
  padding: 6px 0 7px 23px;
}

/* # footerContainer
---------------------------------------------------------------------------- */



/* # common classes
---------------------------------------------------------------------------- */
.floatLeft{float:left!important;}
.floatRight{float:right!important;}
.clear{clear:both;}
.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}
.alignTop{vertical-align:top!important;}
.valignMiddle{vertical-align:middle;}
.normal{font-weight:normal!important;}
em{color:#ff0000;}
.black{color:#333;}
.error{color:#ff0000;}
.text.error{color:#ff0000;padding-top:30px;}

input[type="text"]{border:1px solid #ccc;line-height:1.7;padding:0 5px;height:23px;}
textarea{border:1px solid #ccc;line-height:1.7;padding:0 5px;overflow:auto;}

.sizeL{width:340px;}
.sizeM{width:120px;}
.sizeS{width:70px;}
.sizeSs{width:50px;}

.tsizeL{height:170px;width:400px;}

.mt0{margin-top:0!important;}
.pt0{padding-top:0!important;}

.clearfix{zoom:1;}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}

#header,
#header #utilityBox,
#header #utilityBox .item01 .siteUtility01 ul,
#header #siteSearch .innerBlock,
#header .fontSizeNavi dl dd ul.changeBtn,
#naviContainer,
#navi ul,
#categoryTitleContainer,
.topicPath ul,
#mainContainer,
#footer .siteUtility ul,
#footer .groupBox,
#footer .groupBox .groupLink ul{zoom:1;}

#header:after,
#header #utilityBox:after,
#header #utilityBox .item01 .siteUtility01 ul:after,
#header #siteSearch .innerBlock:after,
#header .fontSizeNavi dl dd ul.changeBtn:after,
#naviContainer:after,
#navi ul:after,
#categoryTitleContainer:after,
.topicPath ul:after,
#mainContainer:after,
#footer .siteUtility ul:after,
#footer .groupBox:after,
#footer .groupBox .groupLink ul:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}